<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<style>
    *{
    margin: 0;
    padding: 0;
}

body{
    background-color: rgba(0,0,0,0.02);
}

.container{
    position: relative;
}

.box{
    float: left;
}

.boximg{
    margin: 10px;
    transition: all .2s linear;
}

.boximg:hover{
    box-shadow: 0 15px 30px rgba(0,0,0,0.2);
    transform: translate3d(0,-2px,0);
    border-radius: 5px;
}

img{
    display: inline-block;
    width: 300px;
    border-radius: 10%;
}
.box{
    border: 1px solid #000;
    border-radius: 10%;
}
</style>
<body>
    <div class="container">
        <div class="box">
            <div class="boxing">
                <img src="./img/1.png" alt="">
            </div>
        </div>
        <div class="box">
            <div class="boxing">
                <img src="./img/2.png" alt="">
            </div>
        </div>
        <div class="box">
            <div class="boxing">
                <img src="./img/3.png" alt="">
            </div>
        </div>
        <div class="box">
            <div class="boxing">
                <img src="./img/4.png" alt="">
            </div>
        </div>
        <div class="box">
            <div class="boxing">
                <img src="./img/5.png" alt="">
            </div>
        </div>
        <div class="box">
            <div class="boxing">
                <img src="./img/6.png" alt="">
            </div>
        </div>
        <div class="box">
            <div class="boxing">
                <img src="./img/7.png" alt="">
            </div>
        </div>
        <div class="box">
            <div class="boxing">
                <img src="./img/8.png" alt="">
            </div>
        </div>
        <div class="box">
            <div class="boxing">
                <img src="./img/9.png" alt="">
            </div>
        </div>
        <div class="box">
            <div class="boxing">
                <img src="./img/10.png" alt="">
            </div>
        </div>
        <div class="box">
            <div class="boxing">
                <img src="./img/11.png" alt="">
            </div>
        </div>
    </div>
<!-- <script src="./index.js"></script> -->
</body>
</html>